
 <a [routerLink]="['/home']">主页</a>
 <!-- <a [routerLink]="['/product']" [queryParams]="{id: 1}">商品详情</a> -->
 <a [routerLink]="['/product', 1]" >商品详情</a>
 <input type="button" name="" value="商品详情" (click)="toProductDetails()">
 <!-- <a [routerLink]="[{outlets: {primary: 'home', aux: 'chat'}}]" >开始聊天</a>  -->
 <!--上面这种写法，是可以同时设置主路由显示哪个组件。  -->
    <a [routerLink]="[{outlets: {aux: 'chat'}}]" >开始聊天</a>  
   <a [routerLink]="[{outlets: {aux: null}}]" >结束聊天</a> 

<router-outlet></router-outlet> 
<router-outlet name="aux"></router-outlet> 
